<template>
  <div class="lunbotu">
    <!-- 轮播图子组件 -->
     <mt-swipe :auto="2000" class="swipe">
        <mt-swipe-item v-for="item in imgData" :key="item.img">
            <img v-if="item.img" :src="item.img" class="img" >
            <img v-else :src="item.src" class="imgsrc" >
        </mt-swipe-item>
    </mt-swipe>
  </div>
</template>
<script>
export default {
  data() {
    return {
      
    };
  },
  props:['imgData']
}
</script>
<style lang="scss" scoped>
.mint-swipe{
  height:30vh;
}
  .swipe {
    text-align: center;
      height: 200px;
      width: 100%;  
  }
  .img {
      width: 100%;
      height: 100%;
  }
  .imgsrc{
    height: 100%;
  }
</style>